<!DOCTYPE html>
<html
        xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout" xmlns:th="http://www.thymeleaf.org"
        layout:decorate="~{base/layout}">
<div layout:fragment="content">
    <!--header wrapper end-->
    <!--med_tittle_section-->
    <div class="med_tittle_section">
        <div class="med_img_overlay"></div>
        <div class="container">
            <div class="row">
                <div class="col-lg-12 col-md-12 col-sm-12 col-xs-12">
                    <div class="med_tittle_cont_wrapper">
                        <div class="med_tittle_cont">
                            <ol class="breadcrumb">
                                <li><a th:href="@{/}">乡务公开</a></li>
                                <li><a th:href="@{/}"></a>乡委管理</li>
                                <li><a th:href="@{/}"></a>详情</li>
                            </ol>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <!-- med_tittle_section End -->
    <!--service section start-->
    <div class="page-container">
        <div class="container">
            <div class="row med_toppadder50 med_bottompadder50">
                <div class="col-lg-9 col-md-9 col-sm-8 col-xs-12">
                    <div class="news-detail-box">
                        <h3 th:text="${villageCommittee.name}"></h3>
                        <div class="author-info">
                            <span class="iconfont icon-shijian-yuan" th:marginwidth="0"></span>
                            <span th:text="${#calendars.format(villageCommittee.updateTime,'yyyy-MM-dd')}"></span>&nbsp;&nbsp;
                            <span class="iconfont icon-dingwei"></span>
                            <span th:text="惠来县仙庵镇人民政府"></span>&nbsp;&nbsp;
                            <span class="iconfont icon-chakan"></span>
                            <span>13</span>
                        </div>
<!--                        <div class="news-detail-content">-->
<!--                            <div class="company-class">-->
<!--                                <img th:src="@{'/images/'+ ${villageCommittee.image} +'.jpg'}">-->
<!--                            </div>-->
<!--                            <div>-->
<!--                                <h5>-->
<!--                                <div class="iconfont-class">-->
<!--                                    <span class="iconfont icon-mubiao"></span>-->
<!--                                    <span th:text="'招聘单位：'+${villageCommittee.work}"></span></div>-->
<!--                                <div class="iconfont-class">-->
<!--                                    <span class="iconfont icon-dingwei"></span>-->
<!--                                    <span th:text="'单位地址：'+${villageCommittee.work}"></span></div>-->
<!--                                <div class="iconfont-class">-->
<!--                                    <span class="iconfont icon-geren"></span>-->
<!--                                    <span th:text="'联系人：'+${villageCommittee.name}"></span></div>-->
<!--                                <div class="iconfont-class">-->
<!--                                    <span class="iconfont icon-dianhua"></span>-->
<!--                                    <span th:text="'联系方式：'+${villageCommittee.telephone}"></span></div>-->
<!--                                </h5>-->
<!--                            </div>-->
<!--                            <div class="describe-class"><h5>-->
<!--                                <span class="iconfont icon-chakan"></span>-->
<!--                                <span th:text="招聘详细描述+'：'"></span></h5>-->
<!--                                <p th:text="${villageCommittee.introduction}">-->
<!--                                </p>-->
<!--                            </div>-->
<!--                        </div>-->
                        <div class="news-detail-content">
                            <div class="fl">
                                <img width="auto" height="270px" th:src="@{'/images/'+ ${villageCommittee.image} +'.jpg'}">
                                <span th:text="${villageCommittee.name}"></span>
                                <p th:text="${villageCommittee.position}"></p>
                            </div>
                            <div class="fr">
                                <h3><span>分管工作</span></h3>
                                <div>
                                    <p th:text="${villageCommittee.work}"></p>
                                </div>
                                <h3><span>个人简介</span></h3>
                                <div>
                                    <p id="editorContent" style="font-size: 15px;line-height: 30px;" th:text="${villageCommittee.introduction}">
                                    </p>
                                    <p><br/></p>
                                </div>
                            </div>
                        </div>

                    </div>
                </div>
                <div class="col-lg-3 col-md-3 col-sm-4 col-xs-12">
                    <div class="sider-card">
                        <div class="sider-card-header">
                            <h3>政务公开</h3>
                        </div>
                        <ul class="sider-list-model-a">
                            <li th:each="activities:${topActivities1}">
                                <a th:href="@{/village/activitiesDetailsUI(id=${activities.id})}" th:text="${activities.title}"></a>
                            </li>
                        </ul>
                    </div>
                    <div class="sider-card">
                        <div class="sider-card-header">
                            <h3>乡风文明</h3>
                        </div>
                        <ul class="sider-list-model-a">
                            <li th:each="activities:${topActivities2}">
                                <a th:href="@{/village/activitiesDetailsUI(id=${activities.id})}" th:text="${activities.title}"></a>
                            </li>
                        </ul>
                    </div>
                </div>

            </div>
        </div>
    </div>
    <script th:src="@{/js/jquery_min.js}"></script>
    <script th:src="@{/js/bootstrap.min.js}"></script>
    <script th:src="@{/js/wow.min.js}"></script>
    <script th:src="@{/js/custom.js}"></script>
    <script th:src="@{/plugins/slider-pro/js/jquery.sliderPro.min.js}"></script>
    <script th:src="@{/plugins/owlcarousel/js/owl.carousel.min.js}"></script>
    <script th:src="@{/layer/layer.js}"></script>
    <script type="text/javascript">
        window.onload = function (){
            // var content = $("#editorContent");
            // var text = $("#editorContent").val();
            $("#editorContent").html($("#editorContent").text());
            console.log($("#editorContent").text());
        }
    </script>
</div>

</html>
